<template>
  <div class="full-height-width" id="mapContainer">
      <!-- 测试 -->
      <div class="test-div" id="centerDiv" >
        <yjsmap :url="configUrl" map-key="test"  />
          <!-- <img src="~@/assets/img/test.jpg" alt=""> -->
      </div>

  </div>
</template>

<script lang="ts" setup>
import { getCurrentInstance, ref } from 'vue';
import yjsmap from './yjsmap/index.vue';

const instance = getCurrentInstance()
const yjs = instance?.appContext.config.globalProperties.yjs
const Cesium = instance?.appContext.config.globalProperties.Cesium
const configUrl = ref("config/config.json")


</script>


<style scoped lang="scss">
.full-height-width {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    // 测试，实际删除
    .test-div {
        width: 100%;
        height: 100%;
        position: absolute;
        img {
            display: block;
            width: 100%;
            height: 100%;
        }
    }
}
</style>
